//
//  SwiftUIView_Frame.swift
//  SwiftUIPractice
//
//  Created by 朝花夕拾 (external - Project) on 2024/8/19.
//

import SwiftUI

struct SwiftUIView_Frame: View {
    var body: some View {
        
        //这里我们讲图像的堆叠
//        Text("Hello, World!")
//            .background(.green)
//            .frame(width: 300, height: 300, alignment: .center)
//            .background(.red)

        
        //如何设置最大宽度
//        Text("Hello, World!")
//            .background(.green)
//            .frame(maxWidth: /*@START_MENU_TOKEN@*/.infinity/*@END_MENU_TOKEN@*/, alignment: .center) //这种东西就能够把这个frame填充到父视图最大宽度
//            .background(.red)

        
        //多层级堆叠概念  多层级堆叠,可以通过反复增加 frame来形成
        Text("Hellow! ???")
            .background(.red)
            .frame(height: 100, alignment: .top)
            .background(.orange)
            .frame(width: 150)
            .background(.purple)
            .frame(maxWidth: .infinity, alignment: .leading)
            .background(.pink)
            .frame(height: 400)
            .background(.green)
            .frame(maxHeight: .infinity, alignment: .top) //可以使用 alignment 来改变子视图在父视图中的对齐方式
            .background(.yellow)
        
    }
}

#Preview {
    SwiftUIView_Frame()
}
